<div id="navbar">
    <ul class="layui-nav">
        <li class="layui-nav-item layui-this">
            <a routerLink="/index" routerLinkActive="active" id="index">Index</a>
        </li>
        <li class="layui-nav-item">
            <a routerLink="/order-food" routerLinkActive="active" id="order-food">FoodOrder</a>
        </li>
        <li class="layui-nav-item">
            <a routerLink="/manage-hotel" routerLinkActive="active" id="manage-hotel">HotelManage</a>
        </li>
        <li class="layui-nav-item">
            <a routerLink="/manage-room" routerLinkActive="active" id="manage-room">RoomManage</a>
        </li>
        <li class="layui-nav-item">
            <a routerLink="/profile" routerLinkActive="active" id="profile">Profile</a>
        </li>
    </ul>

</div>